* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	min-width: 320px;
	max-width: 750px;
	/* flexible 给我们划分了 10 等份 */
	width: 10rem;
	/* width: 100%; */
	margin: 0 auto;
	line-height: 1.5;
	font-family: Arial, Helvetica;
	background: white;
	/* overflow: hidden; */
}

@media screen and (min-width: 750px) {
	html {
		font-size: 75px !important;
	}
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000000;
}

main{
	padding: 0.266666rem 0.506666rem;
	box-shadow:  0 0 0.186666rem #EEEEEE;
	
}
header img{
	height: 5.88rem;
	width: 100%;
	display: block;
}
figure{
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.533333rem 0;
}
figure span{
	display: flex;
	align-items: center;
}
figure span img{
	height: 0.666666rem;
	width: 0.666666rem;
} 
section{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 0.266666rem;
}
section span{
	width: 50%;
	padding-left: 0.106666rem;
	font-size: 0.346666rem;
	border-left:0.106666rem solid orange;
}
article{
	padding: 0.4rem 0.506666rem;
}
.box{
	display: flex;
	justify-content: space-between;
}
.box li{
	width: 4.306666rem;
	height: 2.28rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.box li span{
	width: 64%;
	font-size: 0.16rem;
	
}
.box li:first-child{
	background: url(../img/Course%20Details/矢量智能对象@2x.png) no-repeat center;
	background-size: contain;
}
.box li:last-child{
	background:url(../img/Course%20Details/矢量智能对象@2x.png) no-repeat center;
	background-size: contain;
}
.head{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.head li{
	width: 40%;
	text-align: center;
	font-size: 0.48rem;
	
}
.headd{
	border-bottom: 0.026666rem solid skyblue;
}
.items{
	display: none;
}
.tab{
	margin: 0 0.506666rem ;
}
.details{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.i_header{
	font-size: 0.373333rem;
	margin: 0.266666rem 0;
}
.details span img{
	width: 6.426666rem;
	height: 5.213333rem;
}
.ccc{
	margin: 0.506666rem 0;
}
.keche{
	display: flex;
	align-items: center;
	margin: 0.4rem 0;
}
.keche span{
	margin: 0 0.106666rem;
}
.keche span:first-child,span:nth-child(3){
	height: 0.266666rem;
	width: 0.266666rem;
	background-color: #87CEEB;
}
footer{
	padding-bottom: 1.746666rem;
	
}
footer p{
	display: flex;
	margin: 0.186666rem 0;
}
footer p span:first-child{
	width: 20%;
	font-size: 0.346666rem;
	color: #999999;
}
footer p span:last-child{
	width: 80%;
	font-size: 0.346666rem;
}

/* 评论 */
.mainer{
	display: flex;
	align-content: center;
	justify-content: space-between;
	margin: 0.186666rem 0;
}

.mainer div{
	display: flex;
	align-items: center;
}
.mainer div:first-child img{
	height: 0.8rem;
	width: 0.8rem;
}
.mainer div:last-child img{
	height: 0.333333rem;
	width: 0.333333rem;
}

.items ul li{
	margin: 0.706666rem 0;
}
.nav{
	display: flex;
	align-items: center;
}
.nav div:first-child{
	width: 6.093333rem;
	height: 0.733333rem;
	line-height: 0.733333rem;
	text-align: center;
	background-color: #f4f4f4;
	border-radius: 0.586666rem;
	color: #bbbbbb;
}
.nav div:last-child{
	flex: 1;
	display: flex;
	justify-content: space-around;
}
.nav div:last-child img{
	width: 0.333333rem;
	height: 0.333333rem;
}





/* 评论 */




.footer{
	min-width: 320px;
	max-width: 750px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}
.footer li{
	width: 25%;
}
.footer li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #898989;
	margin-top: 14px;
	font-size: 0.333333rem;
}
.footer li a img{
	height: 0.533333rem;
	width: 0.533333rem;
}
.footer li a span:first-child{
	font-family: "iconfont" !important;
	  font-size: 0.533333rem;
	  font-style: normal;
}
